<template>
	<view class="flex-column">
		<Header></Header>
		<view class="headertop"></view>
		<view class="banner flex-column flex-center flex-align">
			<view class="banner-wenzi">
				<view class="banner-wenzi-top">合气网</view>
				<view class="banner-wenzi-bottom">合气天然气交易平台是国内第三家天然气线上交易平台，底部依托阿里云技术支撑,结合中石油、中石化、中海油的优质气源 顶部依托山东
					港口的输出窗口，做到上游有保证，中游有依托，下游有支撑，打通天然气的全链路交易通道。</view>
			</view>
		</view>
		<view class="anli flex-column flex-center flex-align">
			<view class="title">应用案例</view>
			<u-swiper :list="list2" keyName="image" showTitle :autoplay="false" circular class="lunbo" height="200">
			</u-swiper>

		</view>
		<view class="linian flex-column flex-center flex-align">
			<view class="title">产品理念</view>
			<view class="item flex-column flex-center flex-align">
				<view class="waiquan flex-column flex-center flex-align">
					<view class="yuan yuan1"></view>
				</view>
				<view class="item-title">创新</view>
				<view class="item-concent">打造山东首个云上全链路天然气交易平台</view>
			</view>
			<view class="item flex-column flex-center flex-align">
				<view class="waiquan flex-column flex-center flex-align">
					<view class="yuan yuan2"></view>
				</view>
				<view class="item-title">稳定</view>
				<view class="item-concent">背靠山东港口集团确保优质以及一手的气源</view>
			</view>
			<view class="item flex-column flex-center flex-align">
				<view class="waiquan flex-column flex-center flex-align">
					<view class="yuan yuan3"></view>
				</view>
				<view class="item-title">安全</view>
				<view class="item-concent">整合多家大型贸易商中海油中<br>石油、中石化的线上线下资源</view>
			</view>

		</view>
		<!-- <view class="licheng flex-column flex-center flex-align">
			<view class="title">发展历程</view>
			<view class="licheng-top flex-row flex-around flex-align">
				<view class="licheng-top-item">
					<view class="licheng-top-item-top flex-row flex-between flex-align">
						<view class="licheng-title">启航</view>
						<view class="licheng-time">2018-2019</view>
					</view>
					<view class="licheng-concent flex-row flex-start flex-align"><view class="licheng-concent-dian"></view>成立青岛嵩擎科技公司</view>
					<view class="licheng-concent flex-row flex-start flex-align"><view class="licheng-concent-dian"></view>完成核心技术团队搭建</view>
				</view>
				<view class="licheng-top-item">
					<view class="licheng-top-item-top flex-row flex-between flex-align">
						<view class="licheng-title">发展</view>
						<view class="licheng-time">2019-2020</view>
					</view>
					<view class="licheng-concent flex-row flex-start flex-align"><view class="licheng-concent-dian"></view>获得CMMI3认证</view>
					<view class="licheng-concent flex-row flex-start flex-align"><view class="licheng-concent-dian"></view>落地智慧园区项目</view>
				    <view class="licheng-concent flex-row flex-start flex-align"><view class="licheng-concent-dian"></view>落地美联SAAS平台</view>
				</view>
				
				
			</view>
			<view class="jiasu">
				<view class="licheng-top-item-top flex-row flex-between flex-align">
					<view class="licheng-title">加速</view>
					<view class="licheng-time">2020-2021</view>
				</view>
				<view class="licheng-concent flex-row flex-start flex-align">
					<view class="licheng-concent-dian"></view>
					<view class="licheng-concent-wenzi">上线首个嵩擎智慧平台，达成嵩擎智慧系列“0-1”的里程碑突破</view>
				</view>
				<view class="licheng-concent flex-row flex-start flex-align">
					<view class="licheng-concent-dian"></view>
					<view class="licheng-concent-wenzi">“5+1”嵩擎智慧系列系统上线，完成嵩擎bmpPass平初步构建，与国际bpm领先企业达成初步战略合作协议</view>
				</view>
				<view class="licheng-concent flex-row flex-start flex-align">
					<view class="licheng-concent-dian"></view>
					<view class="licheng-concent-wenzi">完成BpmPass平台搭建</view>
				</view>
				<view class="licheng-concent flex-row flex-start flex-align">
					<view class="licheng-concent-dian"></view>
					<view class="licheng-concent-wenzi">完成美联SAAS平台1.0</view>
				</view>
				<view class="licheng-concent flex-row flex-start flex-align">
					<view class="licheng-concent-dian"></view>
					<view class="licheng-concent-wenzi">完成智慧园区平台</view>
				</view>
			</view>
			<view class="zhuanxing">
				<view class="licheng-top-item-top flex-row flex-between flex-align">
					<view class="licheng-title">转型</view>
					<view class="licheng-time">2021-2022</view>
				</view>
				<view class="licheng-concent flex-row flex-start flex-align">
					<view class="licheng-concent-dian"></view>
					<view class="licheng-concent-wenzi">成立青岛随便一点网络技术有限公司</view>
				</view>
				<view class="licheng-concent flex-row flex-start flex-align">
					<view class="licheng-concent-dian"></view>
					<view class="licheng-concent-wenzi">完成合气网</view>
				</view>
				<view class="licheng-concent flex-row flex-start flex-align">
					<view class="licheng-concent-dian"></view>
					<view class="licheng-concent-wenzi">落地智慧社区项目</view>
				</view>
				<view class="licheng-concent flex-row flex-start flex-align">
					<view class="licheng-concent-dian"></view>
					<view class="licheng-concent-wenzi">落地智慧球馆项目</view>
				</view>
			</view>
		</view> -->
		<view class="jiejue flex-column flex-center flex-align">
			<view class="title2">解决方案</view>
			<view class="jiejue-pic"></view>
			<view class="juejue-concent">
				打造国内一流大宗天然气交易平台，整合线上线下天然气资源，打通天然气交易全链路。交易中心将推动天然气供应链区域融合发。交易中心将形成强大网络效应。京津冀及北方地区天然气市场参与者通过交易活动降低成本、减少议价，参考价格、标准化合同可节约交易
				时间和提高资源配置效率，促进市场多元化。</view>
		</view>
		<view class="yewujieshao flex-column flex-center flex-align">
			<view class="title">业务介绍</view>
			<view class="yewujieshao-line flex-row flex-between flex-align">
				<view class="yewujieshao-item flex-column flex-center flex-align">
					<view class="yewujieshao-item-pic"></view>
					<view class="yewujieshao-item-title">销售战略</view>
					<view class="yewujieshao-item-concent">销售总监制定通过后台制定不同区域不同时间的销售战略</view>
				</view>
				<view class="yewujieshao-item flex-column flex-center flex-align ">
					<view class="yewujieshao-item-pic2"></view>
					<view class="yewujieshao-item-title">销售计划</view>
					<view class="yewujieshao-item-concent">销售专员通过市场情况提报不同的销售计划</view>
				</view>

			</view>
			<view class="yewujieshao-line flex-row flex-between flex-align">
				<view class="yewujieshao-item flex-column flex-center flex-align">
					<view class="yewujieshao-item-pic3"></view>
					<view class="yewujieshao-item-title">采购商画像</view>
					<view class="yewujieshao-item-concent">根据大数据分析，生成不同采购商的企业画像,做到精准服务</view>
				</view>
				<view class="yewujieshao-item flex-column flex-center flex-align ">
					<view class="yewujieshao-item-pic4"></view>
					<view class="yewujieshao-item-title">预售/抢购</view>
					<view class="yewujieshao-item-concent">打造山东首个云上全链路天然气交易平台</view>
				</view>

			</view>
		</view>
		<Footer></Footer>
	</view>
</template>

<script>
	import Header from '@/commonponet/header/header.vue'
	import Footer from '@/commonponet/footer/footer.vue'
	export default {
		components: {
			Header,
			Footer

		},
		data() {
			return {
				title: '',
				list2: [{
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_banner1.png',
					title: '合气APP页面展示',
				}, {
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/gonghuoshang.png',
					title: '合气后台管理系统-供货商'
				}, {
					image: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/jihuatianbao.png',
					title: '合气后台管理系统-jihuatianbao'
				}],
			}
		},
		onLoad() {

		},
		onShow() {

		},
		methods: {

		}
	}
</script>

<style>
	.headertop {
		width: 100%;
		height: 88rpx;
	}

	.banner {
		width: 100%;
		height: 448rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/banner@2x.png');
		background-size: 100%;
	}

	.banner-wenzi {
		width: 90%;
		color: #ffffff;
	}

	.banner-wenzi-top {
		font-size: 36rpx;
		font-weight: 700;
		margin-bottom: 10rpx;
	}

	.anli {
		width: 100%;
		height: 574rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/bg_yyal@2x.png');
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: bottom;
	}

	.title {
		color: #333333;
		font-size: 34rpx;
		font-weight: 600;
		line-height: 120rpx;
	}

	.title2 {
		color: #ffffff;
		font-size: 34rpx;
		font-weight: 600;
		line-height: 120rpx;
	}

	.lunbo {
		width: 90%;
	}

	.linian {
		width: 100%;
		height: 1300rpx;
	}

	.waiquan {
		width: 188rpx;
		height: 188rpx;
		border-radius: 94rpx;
		border: #3485ee 1rpx dashed;
		margin-bottom: 10rpx;
	}

	.yuan1 {
		background-size: 60%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: #3485ee;
		width: 130rpx;
		height: 130rpx;
		border-radius: 94rpx;
		box-shadow: rgba(52, 133, 238, 0.2) 0px 7px 29px 0px;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_chuangxin.png');
	}

	.yuan2 {
		background-size: 46%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: #3485ee;
		width: 130rpx;
		height: 130rpx;
		border-radius: 94rpx;
		box-shadow: rgba(52, 133, 238, 0.2) 0px 7px 29px 0px;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_wending.png');
	}

	.yuan3 {
		background-size: 46%;
		background-position: 50%;
		background-repeat: no-repeat;
		background-color: #3485ee;
		width: 130rpx;
		height: 130rpx;
		border-radius: 94rpx;
		box-shadow: rgba(52, 133, 238, 0.2) 0px 7px 29px 0px;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_anquan.png');
	}

	.item {
		margin-top: 40rpx;
	}

	.item-title {
		font-size: 28rpx;
		font-weight: 600;
		line-height: 60rpx;
	}

	.item-concent {
		color: #666666;
		font-size: 26rpx;
	}

	.licheng {
		width: 100%;
		height: 1300rpx;
	}

	.licheng-top {
		width: 90%;
		height: 260rpx;
		margin-top: 40rpx;
		/* background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */

	}

	.licheng-top-item {
		width: 38%;
		height: 260rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 30rpx;
	}

	.licheng-top-item-top {
		margin-bottom: 30rpx;
	}

	.licheng-title {
		font-size: 28rpx;
		font-weight: 600;
	}

	.licheng-time {
		position: relative;
		right: -30rpx;
		font-size: 22rpx;
		width: 80px;
		height: 30px;
		background: #FFC244;
		border-radius: 20px 0px 0px 20px;
		text-align: center;
		line-height: 54rpx !important;
	}

	.licheng-concent {
		font-size: 24rpx;
		line-height: 40rpx;
		color: #666666;
	}

	.licheng-concent-dian {
		width: 6px;
		height: 6px;
		background: #FFC244;
		margin-right: 14rpx;
	}

	.licheng-concent-wenzi {
		width: 600rpx;
		font-size: 24rpx;
		line-height: 40rpx;
		color: #666666;
	}

	.jiasu {
		width: 80%;
		height: 400rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 30rpx;
		margin-top: 50rpx;

	}

	.zhuanxing {
		width: 80%;
		height: 260rpx;
		background-color: #ffffff;
		border-radius: 10rpx;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		padding: 30rpx;
		margin-top: 20rpx;
	}

	.jiejue {
		width: 100%;
		height: 960rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/bg_jiejuefangan.png');

	}

	.jiejue-pic {
		width: 90%;
		height: 380rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_jiejuefangan2.png');
		background-size: 100%;
		background-repeat: no-repeat;

	}

	.juejue-concent {
		width: 84%;
		height: 274rpx;
		padding: 20rpx;
		background-color: rgba(9, 22, 40, 0.2);
		margin-top: 30rpx;
		font-size: 26rpx;
		color: #ffffff;
	}

	.yewujieshao {
		width: 100%;
		height: 1000rpx;
	}

	.yewujieshao-line {
		width: 90%;
		height: 394rpx;
	}

	.yewujieshao-item {
		width: 48%;
	}

	.yewujieshao-item-pic {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_xiaoshouzhanlue.png');
		background-size: 100%;
	}

	.yewujieshao-item-pic2 {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_xiaoshoujihua.png');
		background-size: 100%;
	}

	.yewujieshao-item-pic3 {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_caigoushang.png');
		background-size: 100%;
	}

	.yewujieshao-item-pic4 {
		width: 100%;
		height: 202rpx;
		background-image: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/product/pic_yushou.png');
		background-size: 100%;
	}

	.yewujieshao-item-title {
		font-size: 30rpx;
		font-weight: bold;
		color: #333333;
		margin-top: 20rpx;

	}

	.yewujieshao-item-concent {
		font-size: 26rpx;
		color: #666666;
		margin-top: 20rpx;
		text-align: center;
		height: 106rpx;
	}
</style>
